<style>
  .sbdocs .sbdocs-preview  {
    padding-top: 0px;
  }

  .sbdocs .sbdocs-preview .os-viewport .os-content pre {
    background-color: #f8f8f8;
    color: #000;
  }

  .sbdocs .sbdocs-preview pre code .token.string {
    color: #050;
  }

  .sbdocs .sbdocs-preview pre code .token.method,
  .token.maybe-class-name {
    color: navy;
  }

  .sbdocs .sbdocs-preview pre code .token.class-name {
    color: navy;
  }

  .sbdocs .sbdocs-preview pre code .token.keyword {
    color: navy;
  }

  .sbdocs .sbdocs-preview pre code .token.function {
    color: #a31515;
  }

  .sbdocs .sbdocs-preview pre code .token.boolean {
    color: #a31515;
  }

  .sbdocs .sbdocs-preview pre code .token.operator {
    color: #000;
  }

  .sbdocs .sbdocs-preview pre code .token.punctuation {
    color: #000;
  }

  .sbdocs .sbdocs-h1  {
    font-size: 32px;
    font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 900;
    margin-bottom: 8px;
  }

  .sbdocs .sbdocs-h2 {
    font-size: 24px;
    font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 8px;
  }

  .sbdocs .sbdocs-h3 {
    font-size: 20px;
    font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 8px;
  }

  .sbdocs .sbdocs-h4 {
    font-size: 16px;
    font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 8px;
  }

  .sbdocs .sbdocs-p {
    margin: 16px 0px;
    color: rgb(51, 51, 51);
  }

   .sbdocs .sbdocs-ol, .sbdocs .sbdocs-ul{
    padding-left: 30px;
    margin: 16px 0px;
  }

  .sbdocs .sbdocs-li {
    list-style-position: outside;
  }
</style>
